﻿<!DOCTYPE html>
<html class="no-js" lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Gixco - HTML5 eCommerce Template</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <!-- FontAwesome -->
      <link rel="stylesheet" href="assets/css/all.css">
      <!-- Bootstrap v4.3.1 -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet">
      <!-- Global CSS -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- Jquery ui -->
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <!-- Responsive Menu CSS -->
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="assets/css/styles.css">
   </head>
   <body>
      <div class="container">
         <header class="header">
            <div class="topcontain">
               <div class="row">
                  <div class="col-xl-2 col-lg-3 col-md-3 col-sm-12">
                     <div class="logo">
                        <a href="index.html"><img src="logo.png" alt="Logo" /></a>
                     </div>
                  </div>
                  <div class="col-xl-7 col-lg-3 col-md-2 col-sm-12">
                     <div class="menubar text-center">
                        <nav id="mobile-menu">
                           <ul>
                              <li>
                                 <a href="index.html">Home</a>
                                 <ul class="submenu">
                                    <li><a href="index.html">Home Style 1</a></li>
                                    <li><a href="index2.html">Home Style 2</a></li>
                                    <li><a href="index3.html">Home Style 3</a></li>
                                    <li><a href="index4.html">Home Style 4</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="shop.html">Products</a>
                                 <ul class="mega-menu">
                                    <li>
                                       <a href="shop.html">Furniture Category</a>
                                       <ul>
                                          <li><a href="shop.html">Small Storage</a></li>
                                          <li><a href="shop.html">Chaise beds</a></li>
                                          <li><a href="shop.html">Stools &amp; Benches</a></li>
                                          <li><a href="shop.html">Lounge Chairs</a></li>
                                          <li><a href="shop.html">Sofa armchairs</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Furniture Category</a>
                                       <ul>
                                          <li><a href="shop.html">Lounge Chairs</a></li>
                                          <li><a href="shop.html">Small Storage</a></li>
                                          <li><a href="shop.html">Chaise beds</a></li>
                                          <li><a href="shop.html">Stools &amp; Benches</a></li>
                                          <li><a href="shop.html">Small Storage</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Furniture Category</a>
                                       <ul>
                                          <li><a href="shop.html">Small Storage</a></li>
                                          <li><a href="shop.html">Chaise beds</a></li>
                                          <li><a href="shop.html">Stools &amp; Benches</a></li>
                                          <li><a href="shop.html">Lounge Chairs</a></li>
                                          <li><a href="shop.html">Sofa armchairs</a></li>
                                       </ul>
                                    </li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="shop.html">Shop</a>
                                 <ul class="mega-menu">
                                    <li>
                                       <a href="shop.html">Shop View</a>
                                       <ul>
                                          <li><a href="shop.html">Shop Grid</a></li>
                                          <li><a href="list-view.html">Shop List</a></li>
                                          <li><a href="shop.html">Shop 3 Column</a></li>
                                          <li><a href="shop-full.html">Shop Full View</a></li>
                                          <li><a href="shop-4-column.html">Shop 4 Column</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Shop View</a>
                                       <ul>
                                          <li><a href="shop-sidebar-left.html">Sidebar Left</a></li>
                                          <li><a href="shop-sidebar-right.html">Sidebar Right</a></li>
                                          <li><a href="cart.html">Shopping Cart</a></li>
                                          <li><a href="wishlist.html">My Wishlist</a></li>
                                          <li><a href="checkout.html">Checkout</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Product Types</a>
                                       <ul>
                                          <li><a href="simple.html">Simple Product</a></li>
                                          <li><a href="configurable.html">Configurable Product</a></li>
                                          <li><a href="left-thumb.html">Thumb Left Product</a></li>
                                       </ul>
                                    </li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="blog-2-col.html">Blog</a>
                                 <ul class="submenu">
                                    <li><a href="blog-2-col.html">Blog 2 Column</a></li>
                                    <li><a href="blog-2-col-mas.html">Blog 2 Col Masonry</a></li>
                                    <li><a href="blog-3-col.html">Blog 3 Column</a></li>
                                    <li><a href="blog-3-col-mas.html">Blog 3 Col Masonry</a></li>
                                    <li><a href="blog-detail.html">Blog Details</a></li>
                                    <li><a href="blog-detail-audio.html">Blog Audio</a></li>
                                    <li><a href="blog-detail-video.html">Blog Video</a></li>
                                    <li><a href="blog-detail-gallery.html">Blog Gallery</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="#">Pages</a>
                                 <ul class="submenu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="register.html">Register</a></li>
                                    <li><a href="cart.html">Shopping Cart</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="404.html">404</a></li>
                                 </ul>
                              </li>
                              <li><a href="contact.html">Contact</a></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
                  <div class="col-xl-3 col-lg-6 col-md-7 col-sm-12">
                     <div class="head_right">
                        <div class="login_bar">
                           <ul>
                              <li><a href="login.html">Login</a></li>
                              <li><a href="register.html">Register</a></li>
                              <li class="shop-cart">
                                 <a href="#">Cart<span>(3)</span></a>
                                 <ul class="minicart">
                                    <li>
                                       <div class="cart-img"></div>
                                       <div class="cart-content">
                                          <h3>Water Repellent</h3>
                                          <div class="cart-price">
                                             <span class="new-price">$325.99</span>
                                             <span class="old-price">$330.99</span>
                                          </div>
                                       </div>
                                       <div class="delete-icon"><a href="#"><i class="far fa-trash-alt"></i></a></div>
                                    </li>
                                    <li>
                                       <div class="cart-img"></div>
                                       <div class="cart-content">
                                          <h3>Water Repellent</h3>
                                          <div class="cart-price">
                                             <span class="new-price">$325.99</span>
                                             <span class="old-price">$330.99</span>
                                          </div>
                                       </div>
                                       <div class="delete-icon"><a href="#"><i class="far fa-trash-alt"></i></a></div>
                                    </li>
                                    <li>
                                       <div class="cart-img"></div>
                                       <div class="cart-content">
                                          <h3>Water Repellent</h3>
                                          <div class="cart-price">
                                             <span class="new-price">$325.99</span>
                                             <span class="old-price">$330.99</span>
                                          </div>
                                       </div>
                                       <div class="delete-icon"><a href="#"><i class="far fa-trash-alt"></i></a></div>
                                    </li>
                                    <li>
                                       <div class="total-price">
                                          <span class="f-left">Total:</span>
                                          <span class="f-right">$4000</span>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="checkout-btn">
                                          <a href="checkout.html">Check out</a>
                                       </div>
                                    </li>
                                 </ul>
                              </li>
                              <li class="user"><a href="#"><i class="fas fa-user"></i></a></li>
                              <li class="search">
                                 <a href="#"><i class="fas fa-search"></i></a>
                                 <div class="search_bar">
                                    <form>
                                       <input type="text" name="search" placeholder="Search">
                                       <span class="search_icon"><i class="fas fa-search"></i></span>
                                    </form>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 d-xl-none">
                     <div class="mobile-menu"></div>
                  </div>
               </div>
            </div>
         </header>
         <div class="checkout-page">
            <div class="breadcrumb-area">
               <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><span>Checkout</span></li>
               </ul>
            </div>
            <form action="#">
               <div class="checkout-form">
                  <h2 class="page-title">Checkout</h2>
                  <div class="row">
                     <div class="col-lg-6">
                        <div class="top-accordion">
                           <div class="mini-login">
                              <h3>Already Registered? Please <span>Login</span></h3>
                              <div class="mini-login-form">
                                 <div class="form-group">
                                    <label>Email <span class="required">*</span></label>
                                    <input type="email" id="email">
                                 </div>
                                 <div class="form-group">
                                    <label>Password <span class="required">*</span></label>
                                    <input type="password" id="password">
                                 </div>
                                 <div class="form-group">
                                    <button class="btn theme-btn mr-2">Login</button>
                                    <label>
                                    <input type="checkbox"> Remember me 
                                    </label>
                                    <p class="checkbox-area">
                                       <a href="#">Lost your password?</a>
                                    </p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="form-title">
                           <h1>Billing Address</h1>
                        </div>
                        <div class="billing-address">
                           <div class="form-row">
                              <div class="form-group col-md-6">
                                 <label>First Name <span class="required">*</span></label>
                                 <input type="text">
                              </div>
                              <div class="form-group col-md-6">
                                 <label>Last Name <span class="required">*</span></label>
                                 <input type="text" >
                              </div>
                              <div class="form-group col-md-6">
                                 <label>Email <span class="required">*</span></label>
                                 <input type="email">
                              </div>
                              <div class="form-group col-md-6">
                                 <label>Phone <span class="required">*</span></label>
                                 <input type="text" >
                              </div>
                              <div class="form-group col-12">
                                 <label>Company</label>
                                 <input type="text">
                              </div>
                              <div class="form-group col-12">
                                 <label>Address <span class="required">*</span></label>
                                 <textarea rows="3"></textarea>
                              </div>
                              <div class="form-group col-12">
                                 <label>Country <span class="required">*</span></label>
                                 <select>
                                    <option value="0">Select your country</option>
                                    <option value="1">Algeria</option>
                                    <option value="2">Afghanistan</option>
                                    <option value="3">Bahrain</option>
                                    <option value="4">Belgium</option>
                                    <option value="5">Colombia</option>
                                    <option value="6">Denmark</option>
                                    <option value="7">USA</option>
                                    <option value="8">UK</option>
                                 </select>
                              </div>
                              <div class="form-group col-md-6">
                                 <label>City / Town <span class="required">*</span></label>
                                 <input type="text">
                              </div>
                              <div class="form-group col-md-6">
                                 <label>Zip / Postal <span class="required">*</span></label>
                                 <input type="text" >
                              </div>
                              <div class="form-group col-12">                              
                                 <input class="checkbox" type="checkbox"> <label>Create an account ? </label>
                              </div>
                              <div class="create-account col-12">
                                 <div class="form-row">
                                    <div class="form-group col-md-6">
                                       <label>Password <span class="required">*</span></label>
                                       <input type="password" >
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Confirm Password <span class="required">*</span></label>
                                       <input type="password">
                                    </div>
                                 </div>
                              </div>
                              <div class="form-group col-12">                              
                                 <input class="different" type="checkbox"> <label>Ship to a different address ? </label>
                              </div>
                              <div class="diffrent-address col-12">
                                 <div class="form-row">
                                    <div class="form-group col-md-6">
                                       <label>First Name <span class="required">*</span></label>
                                       <input type="text">
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Last Name <span class="required">*</span></label>
                                       <input type="text" >
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Email <span class="required">*</span></label>
                                       <input type="email">
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Phone <span class="required">*</span></label>
                                       <input type="text" >
                                    </div>
                                    <div class="form-group col-12">
                                       <label>Company</label>
                                       <input type="text">
                                    </div>
                                    <div class="form-group col-12">
                                       <label>Address <span class="required">*</span></label>
                                       <textarea rows="3"></textarea>
                                    </div>
                                    <div class="form-group col-12">
                                       <label>Country <span class="required">*</span></label>
                                       <select>
                                          <option value="0">Select your country</option>
                                          <option value="1">Algeria</option>
                                          <option value="2">Afghanistan</option>
                                          <option value="3">Bahrain</option>
                                          <option value="4">Belgium</option>
                                          <option value="5">Colombia</option>
                                          <option value="6">Denmark</option>
                                          <option value="7">USA</option>
                                          <option value="8">UK</option>
                                       </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>City / Town <span class="required">*</span></label>
                                       <input type="text">
                                    </div>
                                    <div class="form-group col-md-6">
                                       <label>Zip / Postal <span class="required">*</span></label>
                                       <input type="text" >
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-6">
                        <div class="top-accordion">
                           <div class="mini-coupon">
                              <h3>Have a coupon? <span>Click here to enter your code</span></h3>
                              <div class="coupon-box">
                                 <div class="form-group">
                                    <label>Coupon Code</label>
                                    <input type="text" id="coupon">
                                 </div>
                                 <div class="form-group">
                                    <button class="btn theme-btn mr-2">Apply Coupon</button>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="right-order-form">
                           <div class="form-title">
                              <h1>Delivery Method</h1>
                           </div>
                           <div class="delivery-method">
                              <div class="form-row">
                                 <div class="form-group col-12">
                                    <input type="radio"> <label>Shipping rate: $50 </label>
                                 </div>
                              </div>
                           </div>
                           <div class="form-title">
                              <h1>Order Review</h1>
                           </div>
                           <div class="order-review">
                              <div class="table-responsive">
                                 <table class="table">
                                    <thead>
                                       <tr>
                                          <th>Product</th>
                                          <th>Quantity</th>
                                          <th>Price</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <td>Lorem ism</td>
                                          <td>1</td>
                                          <td>$50.00</td>
                                       </tr>
                                       <tr>
                                          <td>Jsm Korem</td>
                                          <td>1</td>
                                          <td>$40.00</td>
                                       </tr>
                                       <tr>
                                          <th>Subtotal:</th>
                                          <th></th>
                                          <th>$90.00</th>
                                       </tr>
                                       <tr>
                                          <th>Shipping:</th>
                                          <th></th>
                                          <th>$20.00</th>
                                       </tr>
                                       <tr>
                                          <th>Total:</th>
                                          <th></th>
                                          <th><span class="cart-total">$200.00</span></th>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                           <div class="form-title">
                              <h1>Payment Method</h1>
                           </div>
                           <div class="payment-method">
                              <div class="accordion" id="accordionExample">
                                 <div class="card">
                                    <div class="card-header" id="headingOne">
                                       <a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Bank Transfer
                                       </a>
                                    </div>
                                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                       <div class="card-body">
                                          Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have cleared in our account.
                                       </div>
                                    </div>
                                 </div>
                                 <div class="card">
                                    <div class="card-header" id="headingTwo">
                                       <a href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Paypal
                                       </a>
                                    </div>
                                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                       <div class="card-body">
                                          You can pay with your credit card
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="place-order">
                                 <button class="btn theme-btn">Place Order</button>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </form>
         </div>
      </div>
      <footer>
         <div class="container">
            <div class="footer-area">
               <div class="footer-content">
                  <ul>
                     <li>
                        <p>Customer Services</p>
                        <ul>
                           <li><a href="#">Delivery & Returns</a></li>
                           <li><a href="#">Trade Services</a></li>
                           <li><a href="#">Privacy & Policy</a></li>
                           <li><a href="http://www.17sucai.com/">FAQs</a></li>
                           <li><a href="#">Terms & Condition</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>About Us</p>
                        <ul>
                           <li><a href="#">News & Stories</a></li>
                           <li><a href="#">Our Studio</a></li>
                           <li><a href="#">Showrooms</a></li>
                           <li><a href="#">History</a></li>
                           <li><a href="#">Terms & Condition</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>Social Media</p>
                        <ul>
                           <li><a href="#">Facebook</a></li>
                           <li><a href="#">Twitter</a></li>
                           <li><a href="#">Instagram</a></li>
                           <li><a href="#">Linkedin</a></li>
                           <li><a href="#">Youtube</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>Customer Services</p>
                        <ul>
                           <li><a href="#">Delivery & Returns</a></li>
                           <li><a href="#">Trade Services</a></li>
                           <li><a href="#">Contact Us</a></li>
                           <li><a href="http://www.bootstrapmb.com/">FAQs</a></li>
                           <li><a href="#">Terms & Condition</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               <div class="copyright-area">
                  <div class="copyright">
                     <p>Copyright &copy; 2019 by Themehum</p>
                  </div>
                  <div class="social">
                     <ul>
                        <li>
                           <p>Connect with us:</p>
                        </li>
                        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div id="top"><i class="fas fa-arrow-up"></i></div>
         </div>
         <!-- Global JS -->
         <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
         <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="assets/js/popper.min.js"></script>        
         <script src="assets/js/plugins.js"></script>
         <script src="assets/js/bootstrap.min.js"></script>
         <script src="assets/js/jquery-ui.js"></script>          
         <script src="assets/js/jquery.meanmenu.min.js"></script>
         <!-- Isotope JS -->
         <script src="assets/js/isotope.pkgd.min.js"></script>
         <script src="assets/js/imagesloaded.pkgd.min.js"></script>
         <!-- Custom JS -->
         <script src="assets/js/main.js"></script>
         <!-- Google Map JS -->
         <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
         <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
         <script>
            
            
         </script>
         
      </footer>
   </body>
</html>
